function Tab(){
   HBox.apply(this,arguments);
   //this.htmlX = $("<ul>");
   this.htmlX.addClass("Tab");
   this.barraAbaTitle = $("<ul>");
   this.barraAbaTitle.addClass("tabstitle  nav nav-tabs");
   this.barraAbaContent = new HBox();
   this.barraAbaContent.htmlX.addClass("tabscontent tab-content");
   this.htmlX.append(this.barraAbaTitle);
   this.htmlX.append(this.barraAbaContent.htmlX);

   this.addTab = function(label,contentElement){    	
		
		this.barraAbaTitle.append('<li><a href="#uid_'+label+'">'+label+'</a></li>');
		var content = $('<div class="tab-pane" id="uid_'+label+'"></div>');
		content.append(contentElement.htmlX);
		this.barraAbaContent.htmlX.append(content);
		/*
		var qtdAbas = this.barraAbaTitle.htmlX.find(".labelTab").size();
		this.barraAbaTitle.htmlX.append('<label class="labelTab" id="ind_'+qtdAbas+'_'+this.uid+'">'+label+'</label>');
		this.barraAbaContent.htmlX.append('<div class="contentTab" id="cind_'+qtdAbas+'_'+this.uid+'"></div>');
	    this.barraAbaContent.htmlX.find('#cind_'+qtdAbas+'_'+this.uid).append(contentElement.htmlX);		
		this.barraAbaTitle.htmlX.find(".labelTab").unbind().click(function(){
			var indid = $(this).attr("id");
			$(this).parents(".Tab").find(".labelTab").removeClass("tabAtiva");
			$(this).parents(".Tab").find(".contentTab").hide();
			$(this).addClass("tabAtiva");
			$('#c'+indid).show();
		});	
		
		*/
		
		
		
		
	};
	this.setFirstActive=function(){
		//this.barraAbaTitle.htmlX.find('.labelTab').removeClass("tabAtiva").filter('.labelTab:first-child').addClass("tabAtiva");
		//this.barraAbaContent.htmlX.find('.contentTab').hide().filter('.contentTab:first-child').show();
		
		this.barraAbaTitle.find('a').click(function (e) {
			e.preventDefault();
			$(this).tab('show');
		});
		this.barraAbaTitle.find('li:first').addClass("active");
		this.barraAbaContent.htmlX.find('tab-pane:first').addClass("active");
	
	};
}
